<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no" />
	<title>盲盒脱单</title>
	<meta name="keywords" content="SEO关键字">
	<meta name="description" content="SEO介绍">
	<link rel="stylesheet" type="text/css" href="style/style.css" />
	<link rel="stylesheet" type="text/css" href="plugins/weui.min.css" />
	<link rel="stylesheet" type="text/css" href="plugins/Swiper/swiper.css" />
</head>
<body>

<div class="top">
	<div class="items">
		<a class="item on" href="">抽放纸条</a>
		<a class="item" href="">我的纸条</a>
	</div>
</div>
<div class="top_blank"></div>

<div class="banner">
	<div class="container">
		<div class="swiper-container">
			<div class="swiper-wrapper">
	      <div class="swiper-slide"><img class="image" src="images/banner1.jpg"></div>
	      <div class="swiper-slide"><img class="image" src="images/banner2.png"></div>
	    </div>
	    <div class="swiper-pagination"></div>
		</div>
	</div>
</div>

<div class="wallet">
	<div class="container items">
		<div class="item">
			<div class="item_box" onclick="showGold();">
				<i class="iconfont">&#xe64a;</i>我的金币<span>100</span>
			</div>
		</div>
		<div class="item">
			<div class="item_box">
				<i class="iconfont">&#xe782;</i>今日抽取<span>0/50</span>
			</div>
		</div>
	</div>
</div>

<div class="databox">
	<div class="container items">
		<div class="item man">
			<div class="item_top">
				<img src="./images/man_box.png">
			</div>
			<div class="btns">
				<div class="btn" onclick="showPutScrip();">放入1张男生纸条</div>
				<div class="btn" onclick="showTakeScrip('man');">抽取1张男生纸条</div>
			</div>
		</div>
		<div class="item woman">
			<div class="item_top">
				<img src="./images/woman_box.png">
			</div>
			<div class="btns">
				<div class="btn" onclick="showPutScrip();">放入1张女生纸条</div>
				<div class="btn" onclick="showTakeScrip('woman');">抽取1张女生纸条</div>
			</div>
		</div>
	</div>
</div>

<div class="foot">
	<span onclick="showArticle();">用户须知</span><span onclick="showArticle();">联系客服</span><span onclick="showArticle();">投诉举报</span>
</div>

<div class="popup_mask" onclick="closeMask();"></div>

<div class="popup_box popup_article">
	<div class="popup_box_top"><span>用户须知</span><i class="iconfont popup_close" onclick="closeMask();"></i></div>
	<div class="popup_box_content">
		<p>这是一个盲盒交友游戏，你不知道会抽到谁的纸条，也不知道你的纸条将会被谁抽到。</p>
    <p>如果您放入纸条，请您认真填写，注意查收纸条回应的消息，以便喜欢你的人能够联系到你。</p>
    <p>希望您带着一颗真诚的心来交友，乱填的纸条有可能会作废哦。为了让交友信息更加真实，抽放纸条时需要支付一些费用，以提高参与门槛。</p>
    <p>所有纸条均来自网友，我们无法保证所有纸条内容的真实性，请一定要仔细甄别，切勿轻信转账以防被骗。</p>
    <p>最后，祝您能收获一段美满的姻缘。</p>
  </div>
  <div class="popup_box_foot">
  	<button type="sumbit">我知道了</button>
  </div>
</div>

<div class="popup_box popup_take_scrip">
	<div class="popup_box_top"><span>抽取1张男生纸条</span><i class="iconfont popup_close" onclick="closeMask();"></i></div>
	<div class="popup_box_content">
		<div class="sex_box man_box"><img src="images/man_box.png"></div>
  </div>
  <div class="popup_box_foot">
  	<div class="price">1金币 / 次</div>
  	<button type="sumbit">确认抽取</button>
  </div>
</div>

<div class="popup_box popup_put_scrip">
	<div class="popup_box_top"><span>放入纸条</span><i class="iconfont popup_close" onclick="closeMask();"></i></div>
	<div class="popup_box_content">
		<div class="textarea">
      <textarea class="weui-textarea" placeholder="写出你想说的话~" rows="3"></textarea>
    </div>
    <div class="weui-uploader__bd">
			<ul class="weui-uploader__files" id="uploaderFiles" wah-hotarea="click">
			  <li class="weui-uploader__file" style="background-image: url(images/image2.jpg);"></li>
		  	<li class="weui-uploader__file" style="background-image: url(images/image2.jpg);"></li>
			</ul>
			<div class="weui-uploader__input-box">
			  <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple="">
			</div>
		</div>
		<div class="weui-cell weui-cell_active weixin">
		  <div class="weui-cell__hd"><span class="weui-label">微信号</span></div>
		  <div class="weui-cell__bd">
		    <input id="js_input1" class="weui-input" placeholder="填写本人微信号">
		  </div>
		</div>
  </div>
  <div class="popup_box_foot">
  	<div class="price">1金币 / 次</div>
  	<button type="sumbit">确认抽取</button>
  </div>
</div>

<div class="popup_box popup_gold">
	<div class="popup_box_top"><span>我的金币</span><i class="iconfont popup_close" onclick="closeMask();"></i></div>
	<div class="popup_box_content">
		<div class="gold_icon"><i class="iconfont">&#xe64a;</i></div>
		<div class="gold_balance">现有 975 金币</div>
		<div class="gold_buy_items">
    	<div class="item">
      	<div class="item_box">
      		<div class="gold_number">5金币</div>
	        <div class="gold_price">¥5</div>
	        <div class="gold_buy_btn">购买</div>
      	</div>
      </div>
      <div class="item">
      	<div class="item_box">
      		<div class="gold_number">5金币</div>
	        <div class="gold_price">¥5</div>
	        <div class="gold_buy_btn">购买</div>
      	</div>
      </div>
      <div class="item">
      	<div class="item_box">
      		<div class="gold_number">5金币</div>
	        <div class="gold_price">¥5</div>
	        <div class="gold_buy_btn">购买</div>
      	</div>
      </div>
 		</div>
  </div>
  <div class="gold_msg">
    <span onclick="showArticle();">如有疑问联系客服</span>
  </div>
</div>

<script type="text/javascript" src="plugins/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript" src="./script/common.js"></script>
<script type="text/javascript" src="plugins/weui.min.js"></script>
<script type="text/javascript" src="plugins/Swiper/swiper.js"></script>
<script type="text/javascript">
var swiper = new Swiper('.swiper-container', {
	pagination: '.swiper-pagination',
});   
</script>
</body>
</html>
